<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>购物车</title>

<!--公共样式-->
<link rel="stylesheet" type="text/css" href="css/reset.css"/>

<!--公共js-->
<script type="text/javascript" src="js/plugin/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/common.js"></script>

<!--当前页js-->
<script type="text/javascript" src="js/cart.js"></script>

</head>

<body>
<!--head-->
<div class="container container_head">
	<div class="container_1000 cf m_center">
    	欢迎光临都市观光，Welcome!
        <p class="f_right head_right">
        	<a href="#this">收藏</a>
            <a href="#this">设为首页</a>
        </p>
    </div>
</div>

<!--logo和搜索-->
<div class="container container_1000 m_center container_subhead cf">
	<a href="#this" class="logo f_left">
    	<img src="images/logo/logo.png" />
    </a>
    
    <div class="f_left container_search cf">
    	<form class="f_left">
        	<input type="text" class="sousuo" />
	        <input type="submit" value=" " class="btn_search f_left" />
        </form>
        <p class="f_left resou"><b>热搜：</b><a href="chepiao-detail.html">巴士线路3</a> <a href="#this">特价一天</a> <a href="#this">今日疯抢</a></p>
    </div>
</div>

<!--导航-->
<div class="container container_nav">
	<div class="container container_1000 m_center cf">
        <ul class="nav cf">
        	<li>
            	<a href="index.html">首页</a>
            </li>
            <li>
            	<a href="chepiao-detail.html">巴士线路</a>
                <ul class="subNav">
                	<li><a class="animate" href="#this">1号线</a></li>
                    <li><a class="animate" href="#this">2号线</a></li>
                    <li><a class="animate" href="#this">3号线</a></li>
                </ul>
            </li>
            <li>
            	<a href="chepiao-list.html">巴士车票</a>
                <ul class="subNav">
                	<li><a class="animate" href="#this">巴士车票</a></li>
                    <li><a class="animate" href="#this">巴士车票+金茂大厦票</a></li>
                    <li><a class="animate" href="#this">巴士车票+游船票</a></li>
                </ul>
            </li>
            <li>
            	<a href="04love02.html">介绍</a>
            </li>
            <li>
            	<a href="02about03.html">最新资讯</a>
            </li>
            <li>
            	<a href="help.html">联系我们</a>
            </li>
        </ul>
        
        <ul class="nav cf f_right">
        	<li class="focus">
            	<a href="user-jilu.html">个人中心</a>
            </li>
        </ul>
    </div>
</div>

<!--购物车-->
<div class="container container_1000 m_center container_huodong">
	<p class="title_cart">
    	我的购物车
    </p>
    <table border="0" cellpadding="0" cellspacing="0" class="table_huodong table_cart mb20">
    	<thead>
        	<tr>
            	<td>商品</td>
                <td>单价</td>
                <td>数量</td>
                <td width="15%">小计</td>
            </tr>
        </thead>
        <tbody id="js_cart_list">
        	<tr>
            	<td class="align_left">
                	<span class="product_img">
                    	<img src="images/eq/bh-weizhou.jpg" />
					</span>
                    <p class="product_name">巴士线路3</p>
                </td>
                <td class="align_center price_cart">
                	<span class="price_cartnum js_price" data-price="40">40</span>元
                </td>
                <td class="align_center">
                	<div class="num_wrap num_wrap_cart">
                        <span class="num_reduce js_num_reduce"></span>
                        <input type="text" maxlength="3" autocomplete="off" value="1" class="num_text js_num_text">
                        <span class="num_plus js_num_plus"></span>
                    </div>
                </td>
                <td class="xiaoji align_center">
                	<span class="xiaojinum js_xiaojinum">40</span>元
                </td>
            </tr>
            <tr>
            	<td class="align_left">
                	<span class="product_img">
                    	<img src="images/eq/bh-weizhou.jpg" />
					</span>
                    <p class="product_name">巴士线路4</p>
                </td>
                <td class="align_center price_cart">
                	<span class="price_cartnum js_price" data-price="50">50</span>元
                </td>
                <td class="align_center">
                	<div class="num_wrap num_wrap_cart">
                        <span class="num_reduce js_num_reduce"></span>
                        <input type="text" maxlength="3" autocomplete="off" value="1" class="num_text js_num_text">
                        <span class="num_plus js_num_plus"></span>
                    </div>
                </td>
                <td class="xiaoji align_center">
                	<span class="xiaojinum js_xiaojinum">0</span>元
                </td>
            </tr>
        </tbody>
        <tfoot>
        	<tr>
            	<td colspan="4">
                	总计：<span class="totalprice" id="js_totalprice">4800</span>元
                </td>
            </tr>
        </tfoot>
    </table>
    <div class="cart-button cf align_right">
        <a class="add-cart" href="orderlist.html">去结账</a>
    </div>
    
</div>

<!--footer-->
<div class="container container_1000 m_center container_footer">
	<div class="foot_link">
        <a target="_blank" href="help.html">关于我们</a>
        <a target="_blank" href="help.html">联系我们</a>
        <a target="_blank" href="help.html">付款方式</a>
        <a target="_blank" href="help.html">网站入住</a>
        <a target="_blank" href="help.html">常见问题</a>
    </div>
    
    <div class="foot_info">
        都市观光，致力打造爆款！ Copyright 2012-2013，版权所有 浙ICP备12046811号-1
    </div>
</div>

</body>
</html>